@charset "utf8";
/* 整页效果统一 */
*{
	/* 字体、内外边距、列表、超链接、颜色 */
	font: 16px "微软雅黑";
	font-weight: 400px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	color: #9a9898;
}
/* header */
/* 左右侧html结构一致，公共方案统一，定样式 */
/* 左侧内容 */
header div#wrapper div ul li{
	float: left;
	height: 43px;
}
header div#wrapper div ul li a{
	line-height: 43px;
	border-right: 1px solid #424242;
	padding: 0 6px;
}
/* 悬停效果 */
header div#wrapper div ul li a:hover{
	color: #fff;
}
div div.up ul li a:hover{
    color: #ff6700;
    border-bottom: 2px solid #ff6700;
}
div ul li a:hover{
    color: #ff6700;
}
div dl:hover{
    transform: translateY(-3px);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
} 
/* list部分 */
main div div.slist{
    position: relative;
    width: 1100px;
    height: 50px;
    display: flex;
}
div.gr{
    background: #f5f5f5;
}
div h1{
    font-size: 25px;
    color: #333;
}
main div div div#vid ul{
    position: absolute;
    right: 0;
    display: flex;
}
div div.up ul li a{
    font-size: 18px;
    margin-right: 8px;
    color: #333;
}
/* dl元素效果 */
main div div div dl{
    width: 212px;
    height: 270px;
    background: #fff;
    margin: 5px auto;
    text-align: center;
    float: left;
    margin-left: 10px;
}
main div div div dl{
    position: relative;
    display: inline-block;
}
main div div div dl.tu{
    margin-left: 0;
}
/* dd元素效果 */
div dl dd.gray{
    color: #b0b0b6;
    font-size: 11px;
}
div dl dd.black{
    color: #333;
    font-size: 15px;
}
div dl dd.orange{
    color: #ff6709;
    font-size: 14px;
}
/* dt图效果 */
main div div div dl dt img{
    margin: 0 auto;
}
main div div div dl.er dt img.or{
    margin-bottom: 5px;
}
main div div div dl.er dt{
    background: #f5f5f5;
}
main div div.aa div dl dt{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 175px;
}